<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            text-decoration: none;
            list-style: none;
        }
    </style>
</head>

<body>
    <div class="wrap">
        <header>
            <nav>
                <div class="logo">
                    <img src="./images/pc项目/首页/首页_03.gif" alt="">
                </div>
                <div class="search">
                    <input type="search" placeholder="请输入商品名称">
                    <i class="iconfont "></i>
                </div>
                <div class="area">
                    <select name="" id="">
                        <option value="">广州市</option>
                        <option value="">深圳市</option>
                        <option value="">东莞市</option>
                        <option value="">佛山市</option>
                    </select>
                    <i class="iconfont icon-xiajiantou"></i>
                </div>
            </nav>
            <div class="banner">
                <div class="box4">
                    <div class="box1">
                        <img src="./images/pc项目/首页/首页_06.gif" alt="">
                    </div>
                    <div class="box1">
                        <img src="./images/pc项目/首页/首页_06.gif" alt="">
                    </div>
                </div>
            </div>
        </header>
        <main>
            <div class="box1">
                <div class="box2">
                    <i class="iconfont icon-daochu1024-07"></i>
                    <h4>优惠团购</h4>
                </div>
                <div class="box3">
                    <h4>更多 <i class="iconfont icon-youjiantou-"></i></h4>
                </div>
            </div>
            <div class="son">
                <div class="son1">
                    <img src="./images/pc项目/首页/首页_09.gif" alt="">
                </div>
                <div class="son1">
                    <img src="./images/pc项目/首页/首页_11.gif" alt="">
                </div>
                <div class="son1">
                    <img src="./images/pc项目/首页/首页_16.gif" alt="">
                </div>
                <div class="son1">
                    <img src="./images/pc项目/首页/首页_19.gif" alt="">
                </div>
            </div>
            <div class="top">
                <!-- <div class="top1"> -->
                <div class="top2">
                    <i class="iconfont icon-aixin"></i>
                    <h3>猜你喜欢</h3>
                </div>
                <div class="top3">
                    <h4>更多 <i class="iconfont icon-youjiantou-"></i></h4>
                </div>
                <!-- </div> -->
            </div>
            <div class="img">
                <div class="img4">
                    <div class="img1">
                        <img src="./images/pc项目/首页/首页_24.gif" alt="">
                    </div>
                    <div class="img2">
                        <h4>万岁寿司(正佳店)</h4>
                        <p>[100店通用]双人套餐</p>
                        <i>¥ 88.00</i>
                    </div>
                </div>
                <div class="img3">
                    <p>
                        &gt;100m
                    </p>
                    <p>已售1000</p>
                </div>
            </div>
            <div class="head">
                <div class="head4">
                    <div class="head1">
                        <img src="./images/pc项目/首页/首页_27.png" alt="">
                    </div>
                    <div class="head2">
                        <h4>周黑鸭(正佳店)</h4>
                        <p>[100店通用]双人套餐</p>
                        <i>¥ 88.00</i>
                    </div>
                </div>
                <div class="head3">
                    <p>&gt;100m</p>
                    <p>已售1000</p>
                </div>
            </div>
            <div class="heat">
                <div class="head4">
                    <div class="head1">
                        <img src="./images/pc项目/首页/首页_27.png" alt="">
                    </div>
                    <div class="head2">
                        <h4>周黑鸭(正佳店)</h4>
                        <p>[100店通用]双人套餐</p>
                        <i>¥ 88.00</i>
                    </div>
                </div>
                <div class="head3">
                    <p>&gt;100m</p>
                    <p>已售1000</p>
                </div>
            </div>

        </main>
        <footer>
            <div class="foot">
                <div class="font1">
                    <i class="iconfont icon-daochu1024-01"></i>
                    <p><a href="./index.html">首页</a></p>
                </div>
                <div class="font1">
                    <i class="iconfont icon-fenlei"></i>
                    <p><a href="./tao.html">分类</a></p>
                </div>
                <div class="font1">
                    <i class="iconfont icon-faxian"></i>
                    <p><a href="./tuo.html">发现</a></p>
                </div>
                <div class="font1">
                    <i class="iconfont icon-wode"></i>
                    <p><a href="./text.html">我的</a></p>
                </div>
            </div>
        </footer>
    </div>
</body>

</html>